<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge chrome=1">
    <title>GitHub注册</title>
    <style type="text/css">
        #left{
            float: left;
            width: 34%;
        }
        #right{
            float: right;
            width: 27%;
        }
    </style>
</head>
<body>
    <div style="margin-left: 100px; margin-right: 100px">
        <p><h1>Join GitHub</h1></p>
        <p>The best way to design,bulid,and ship software</p>
        <p>
            <button style="width: 28%"><b>Step 1</b><br>Set up your account</button>
            <button style="width: 28%" disabled><b>Step 2</b><br>Choose your subscription</button>
            <button style="width: 28%" disabled><b>Step 3</b><br>Tailor your experience</button>
        </p>
    </div>
    <div style="margin-left: 100px">
        <div id="left">
            <p>
                Create your personnal account
            </p>
            <p>
                <h5>Username <label style="color: red">*</label></h5>
            </p>
            <p>
                <input type="text" name="text" id="text" value="请输入你的用户名" style="width: 560px;height: 25px;">
            </p>
            <p>
                This will be your usename.You can account to this inbox.We'll never share<br>your email address with anyone
            </p>
            <p>
                <h5>Email address <label style="color: red">*</label></h5>
            </p>
            <p>
                <input type="text" name="Email address" id="Email address" value="1" style="width: 560px;height: 25px;">
            </p>
            <p>
                This will be your usename.You can account to this inbox.We'll never share<br>your email address with anyone
            </p>
            <p>
                <h5>Password <label style="color: red">*</label></h5>
            </p>
            <p>
                <input type="password" name="password" id="password" value="123456" style="width: 560px;height: 25px;" >
            </p>
            <p>
                This will be your usename.You can account to this inbox.We'll never share<br>your email address with anyone
            </p>
            <p>
                Verifty account
            </p>
            <p>
                <img src="./img1.png" alt="打钩">
            </p><hr>
            <p>
                    By clicking “Create an account” below, you agree to our Terms of Service <br> and Privacy Statement. We’ll occasionally send you account-related emails.
            </p><hr>
        <button style="background-color: rgb(41, 235, 41); width: 200px; height: 30px; ">Create an account</button>
        </div>
        <div id="right" style="margin-right: 200px">
            <div>
                <div>
                    <h4>You’ll love GitHub</h4>
                </div>
                <div>
                    <ul>
                        <li><b>Unlimited</b> public repositories</li>
                        <li><b>Unlimited</b> private repositories</li>
                    </ul>
                </div>
                <div>
                    <ul>
                        <li>Limitless collaboration</li>
                        <li>Frictionless development</li>
                        <li>Open source community</li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</body>
</html>